import React from "react";
import Layout from "@/components/layout";
import Footer from "@/components/footer";
import AboutTwo from "@/components/about-two";
import ClientCarousel from "@/components/client-carousel";
import RecentProject from "@/components/recent-project";
import CallToActionTwo from "@/components/call-to-action-two";
import CallToActionThree from "@/components/call-to-action-three";
import AboutThree from "@/components/about-three";
import VideoDesignGuide from "@/components/video-design-guide";
import TeamOne from "@/components/team-one";
import FaqFeature from "@/components/faq-feature";
import TestimonialsOne from "@/components/testimonials-one";
import ServiceTwo from "@/components/service-two";
import Header from "@/components/header";
import MenuContextProvider from "@/context/menu-context";
import Section from "@/components/other/Section";
import Bgdiv from "@/components/other/Bgdiv";
import Slider from "@/components/sliders/slider-full";
import { Carousel } from "react-bootstrap"

const Home = () => {
    return (
        <MenuContextProvider>
            <Layout PageTitle="首页">
                <Header bg="light" vart="light" trans="dark" className="shadow" rgba="100,100,100,0.5" />
                <Slider />
                <Section className="tw-bg-gray-500">
                    <Bgdiv img="./img/bg4.jpg" h="60">
                        <div className="text-white text-center border" style={{ marginTop: "30%" }}> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                        <div className="text-white py-3 text-center border"> aaaa</div>
                    </Bgdiv>
                </Section>
BBBBBBBBBBBB
                <div className="bg-info">
                    <Section className="container-lg tw-bg-blue-200 " inClass="p-0">
                        <Bgdiv img="./img/bg4.jpg" h="60">
                            <div className="text-white text-center border" style={{ marginTop: "30%" }}> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                            <div className="text-white py-3 text-center border"> aaaa</div>
                        </Bgdiv>
                    </Section>
                    <Section className="container-lg px-0" inClass="bg-warning p-4">
                        sdsdsdsdsdsdsdsdsdsdsdsdsdsd
                    </Section>
                    <Section img="./img/bg5.jpg" fixed={true} className="container-lg">
                        <div className="py-5">
                            <p className="text-red">另另另枯枯要在</p>
                            <h3 className="text-white">国顶戴枯枯枯楚雄枯</h3>

                            <a className="btn btn-info">
                                <span>灰蒙蒙</span>
                            </a>
                        </div>
                        <div className="py-5">
                            <p className="text-red">另另另枯枯要在</p>
                            <h3 className="text-white">国顶戴枯枯枯楚雄枯</h3>

                            <a className="btn btn-info">
                                <span>灰蒙蒙</span>
                            </a>
                        </div>                    <div className="py-5">
                            <p className="text-red">另另另枯枯要在</p>
                            <h3 className="text-white">国顶戴枯枯枯楚雄枯</h3>

                            <a className="btn btn-info">
                                <span>灰蒙蒙</span>
                            </a>
                        </div>                    <div className="py-5">
                            <p className="text-red">另另另枯枯要在</p>
                            <h3 className="text-white">国顶戴枯枯枯楚雄枯</h3>

                            <a className="btn btn-info">
                                <span>灰蒙蒙</span>
                            </a>
                        </div>
                    </Section>
                </div>
                <Footer />
            </Layout>
        </MenuContextProvider>
    );
};

export default Home;
